<template>
	<view class="companyProfileBox">
		<up-sticky>
		<Header></Header>
		</up-sticky>
		<view class="boxOne">
			<view class="boxOneContent">
				<view class="ContentTitle">
					呼大侠（湖北）科技有限公司
				</view>
				<view class="ContentTexBox">
					<view class="ContentTex">
						AI智能通讯，服务平台 专业技术研发团队
					</view>
				</view>
				<view class="ContentBut" @click="handleShowSignup">
					申请试用
				</view>
			</view>
		</view>
		
		<view class="boxTwo">
			<view class="boxTwo-Title">
				公司介绍
			</view>
			<view class="boxTwoContent">
				<view class="boxTwoContentBox">
					
				</view>
			</view>
		</view>
		
		<view class="boxThree">
			<view class="boxThreeContent">
				<view class="boxThreeContent-title">
					<view class="title">
						呼大侠
					</view>
					<view class="title-text">
						呼大侠（湖北）科技有限公司
					</view>
				</view>
				<view class="boxThreeContentBott">
					<view class="bottItem">
						呼大侠（湖北）科技有限公司于2019年9月17日成立。公司以消费者为核心，为企业提供有竞争力的通信解决方案和服务，持续创造最大价值。
					</view>
					<view class="bottItem">
						呼大侠基于AlI+大数据技术为企业提供全流程智能销售服务。从线索挖掘、Al触达、客户管理到成单分析，实现全渠道营销获客与数据分析决策帮助企业高效引流、精准获客，以更低成本获取更多的商机，充分挖掘用户价值，从而全面提升销售效率和业绩。
					</view>
					<view class="bottItem">
						产品包括:AI电话机器人、群呼系统、CRM管理系统、回拨点拨系统、大数据拓客、防封电销卡、TTS语音合成、一手线路等，其智能化、自动化的特点为企业节省了大量时间和费用，提高了客户满意度和运营效率。
					</view>
				</view>
			</view>
		</view>
		<Footer></Footer>
		
		<up-modal :show="showSignUp" @confirm="handleConfirm" title="立即试用" ref="uModal" @cancel="handleClose"
			showCancelButton cancelText="取消" confirmText="立即拨打">
				<view class="hello">
				    <view class="iconfont fa-bodadianhua"></view>
				    <view>电话联系:</view>
				    <view>13261388898</view>
				  </view>
		</up-modal>
	</view>
</template>

<script setup>
	import Header from '../compontents/header.vue'
	import Footer from '../compontents/footer.vue'
	import {
		ref
	} from 'vue'
	import api from '../../utils/request.js'
	const showSignUp = ref(false)
	const uToastRef = ref(null)
	const signRefForm = ref(null)

	const handleShowSignup = function() {

		showSignUp.value = true;
	}
	const handleClose = function() {
		showSignUp.value = false;
	}
	const handleConfirm = function() {
		uni.makePhoneCall({
		        phoneNumber: '13261388898', // 电话号码
		        success: function () {
		          console.log('拨打电话成功');
		        },
		        fail: function () {
		          console.log('拨打电话失败');
		        }
		      });
	
	}
</script>

<style lang="scss" scoped>
	:deep(.u-form-item__body__left__content__label) {
		font-size: 25rpx;
	}
	
	:deep(.uni-input-placeholder) {
		font-size: 24rpx;
	}
	:deep(.u-input__content__field-wrapper__field){
		height: 0;
	}
	:deep(.u-modal__button-group__wrapper__text){
		font-size: 28rpx;
	}
	:deep(.u-modal__title){
		font-size: 28rpx;
	}
	.hello {
	  width: 100%;
	  height: 60px;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  gap: 10px;
	  font-size: 16px;
	  .fa-bodadianhua {
	    color: #006bec;
	  }
	}
	.companyProfileBox {
		width: 100%;
		height: 100%;
		.boxOne {
			height: 490rpx;
			background-image: url('../../static/company/companyImg1.png');
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			padding-top: 69rpx;
			
			.boxOneContent {
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: space-evenly;
				align-items: center;
			
				.ContentTitle {
					color: #fff;
					font-size: 50rpx;
					font-weight: 600;
				}
			
				.ContentTexBox {
					display: flex;
					flex-direction: column;
					justify-content: space-evenly;
					align-items: center;
					color: #fff;
					font-size: 25rpx;
					font-weight: 600;
					font-weight: 500;
					gap: 12rpx;
				}
			
				.ContentBut {
					font-size: 22rpx;
					width: 191rpx;
					height: 65rpx;
					line-height: 65rpx;
					text-align: center;
					color: #1a2e62;
					font-size: 27rpx;
					border-radius: 15rpx;
					background-color: #fff;
				}
			}
		}
		
		.boxTwo {
			height: 657rpx;
			.boxTwo-Title {
				height: 147rpx;
				line-height: 147rpx;
				text-align: center;
				font-size: 32rpx;
				font-weight: 600;
			}
			.boxTwoContent {
				height: calc(100% - 147rpx);
				padding: 0 54rpx;
				.boxTwoContentBox {
					height: 100%;
					background-image: url('../../static/company/companyImg6.gif');
					background-position: center center;
					background-repeat: no-repeat;
					background-size: cover;
				}
			}
		}
		
		.boxThree {
			height: 813rpx;
			padding: 0 54rpx 0 45rpx;
			.boxThreeContent {
				height: 100%;
				.boxThreeContent-title {
					height: 138rpx;
					display: flex;
					justify-content: center;
					align-items: self-end;
					gap: 28rpx;
					.title {
						font-size: 45rpx;
						font-weight: 600;
					}
					.title-text {
						font-size: 26rpx;
						color: #686868;
						vertical-align: middle;
					}
				}
				.boxThreeContentBott {
					height: calc(100% - 138rpx);
					display: flex;
					background-color: #fefefe;
					flex-direction: column;
					align-items: self-start;
					justify-content: space-evenly;
					.bottItem {
						color: #363636;
						font-size: 25rpx;
						line-height: 45rpx;
						font-weight: 540;
					}
				}
			}
		}
	}
</style>